
$(function(){
  
  var exc = $(".exc");

  // 基于准备好的dom，初始化echarts实例
  var myChart = echarts.init(document.getElementById('main'));

  // 指定图表的配置项和数据
  var option = {


    title: {
      text:'JavaScript语言排名变化'
    },
    tooltip: {
    },
    legend: {
      data:["排名"],
      show:false
    },
    xAxis: {
       data:['2000','2005','2010','2015','2020'],
       axisPointer:{
         show:true
       }
     },
     yAxis: {},
     series: [{
       name: '排名',
       //type: 'bar',
       //光滑的折线图
       type:'line',
       //smooth:'true',
       data:[6,9,8,8,7],
      }]
    };


    // 使用刚指定的配置项和数据显示图表。
        
  myChart.setOption(option);
    
  var exc = $(".exc");

  return new Handsontable(exc.get(0),{

    data: [
          ['Java', '1', '降', '-0.01%'],
          ['C', '2', '升', '+2.44%'],
          ['Python', '3', '升', '+1.41%'],
          ['C++', '4', '降', '-2.58%'],
          ['C#', '5', '升', '+2.07%'],
          ['Visual Basic .NET', '6', '降', '-1.17%'],
          ['JavaScript', '7', '降', '-0.85%'],
    ],
    contextMenu: !0,
    manualRowResize: !0,
    manualColumnResize: !0,
    rowHeaders: !0,
    colHeaders: ["语言名称", "排名", "升或降", "变化幅度"],
    rowHeights:30,
    colWidths:200
            
  })


});
